Men personalizzato sul tasto destro del mouse.

--------------------------------------------------------------------------------

Crediti:
Name: Eddie Traversa
Website: http://nirvana.media3.net

Note: funziona sia con IE che con NS ultime versioni. 

Descrizione: Disabilitare il tasto destro del mouse sostituendo il classico men con uno personalizzato. 

Lo script  piuttosto complesso e quindi destinato a chi abbia un minimo di esperienza, specialmente nel caso in cui lo si volesse ulteriormente modificare per quanto riguarda colori, font, link, dimensioni e quant'altro ci possa essere di modificabile. 

Prima di copiarlo, guardate un esempio su questo link.
Sotto il codice e la procedura per ottenerlo.


--------------------------------------------------------------------------------

Passo 1: selezionare tutto il codice cliccando sulla forbice, quindi posizionatevi sul testo evidenziato e adoperare il tasto destro del mouse per l'operazione di copia ed incolla, trasferitelo nella vostra pagina web, in questo caso fra i tags: <head> e </head> 

DA INSERIRE_________________________________________________




<STYLE> 
#contextMenu { 
  position: absolute; 
  visibility: hidden; 
  width: 120px; 
  background-color: lightgrey; 
  layer-background-color: lightgrey; 
  border: 2px outset white; 
} 

.A:Menu { 
   color: black; 
   text-decoration: none; 
  cursor: default; 
   width: 100% 
  } 

 .A:MenuOn { 
   color: white; 
   text-decoration: none; 
   background-color: darkblue; 
  cursor: default; 
   width: 100% 
  } 
</STYLE> 

<SCRIPT> 
var menu; 
function showMenu (evt) { 
  if (document.all) { 
    document.all.contextMenu.style.pixelLeft = event.clientX; 
    document.all.contextMenu.style.pixelTop = event.clientY; 
    document.all.contextMenu.style.visibility = 'visible'; 
    return false; 
  } 
  else if (document.layers) { 
    if (evt.which == 3) { 
      document.contextMenu.left = evt.x; 
      document.contextMenu.top = evt.y; 
      document.contextMenu.onmouseout = 
        function (evt) { this.visibility = 'hide'; }; 
      document.contextMenu.visibility = 'show'; 
      return false; 
    } 
  } 
  return true; 
} 
if (document.all) 
  document.oncontextmenu =showMenu; 
if (document.layers) { 
  document.captureEvents(Event.MOUSEDOWN); 
  document.onmousedown = showMenu; 
} 

/* prelevato su web-link: http://web-link.it */
</SCRIPT> 




Passo 2: Con la stessa procedura del passo 1: copiate ed incollate il codice sotto, ma in questo caso fra i tags: <body> e </body>.



DA INSERIRE____________________________________________________



<DIV ID="contextMenu" 
     ONMOUSEOUT="menu = this; this.tid = setTimeout 
('menu.style.visibility = \'hidden\'', 20);" 
     ONMOUSEOVER="clearTimeout(this.tid);"> 
<A HREF="http://web-link.it"; 
CLASS="menu" 
   ONMOUSEOVER="this.className = 'menuOn'" 
   ONMOUSEOUT="this.className = 'menu';"> 
Visita Web-Link.it 
</A> 
<BR> 
<A HREF="http://ab.freeweb.org"; CLASS="menu" 
   ONMOUSEOVER="this.className = 'menuOn'" 
   ONMOUSEOUT="this.className = 'menu';"> 
visita il mirror 
</A> 
</DIV> 




Per permettervi di copiare il codice facendo uso proprio del tasto destro, non ho messo su questa pagina il men,  possibile vederlo su questo link. 



























